<template>
  <div>
    svg显示
    <!-- <img src="@/assets/images/com.svg" alt="" w100 h100 /> -->
    <button @click="count++">点击</button>
    <img :src="svgs[count % 2]" alt="" w100 h100 />

    <!-- <div v-html="svgs[count % 2]"></div> -->
    <!-- 
    <BinSvg />
    <ComSvg />
     -->
  </div>
</template>

<script setup lang="ts" name="svg">
import { ref } from 'vue'

import BinSvg from '@/assets/images/bin.svg'
import ComSvg from '@/assets/images/com.svg'
// import ComSvg from '@/assets/images/com.svg?component'
const count = ref(1)
const svgs = [BinSvg, ComSvg]
</script>

<style lang="scss" scoped></style>
